/*  
Theme Name: CP Theme
Theme URI: http://cameronpreston.com/
Description: templatr is written and provided by <a href="http://cameronpreston.com">Cameron Preston</a>
Version: 1.0
Author: Cameron Preston
Author URI: http://cameronpreston/

	 
/***********************************************************
 Global Reset
************************************************************/


*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
}
h4, h4 a, h3, h3 a {
  font-style:normal;
  background:none;
  font-size:1.3em;
  text-decoration:none;
  margin:8px 0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
small {
 padding-left:5px;
}
fieldset, img {
border:0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ul {
list-style-image:url('./images/bullet.gif');
list-style-position:outside;
list-style-type:none;
margin-left:10px;
}
ul li{
	margin-left:20px;	
}
ol li { margin-top:10px; }
ol li img { padding: 5px 0; }

caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
a {
text-decoration:none;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* a {
position:relative;
}
a img {
border:medium none;
}
* {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
html {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
font-family:Arial,Helvetica,Georgia,Sans-serif;
color:77787B;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:1%;
line-height:22px;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
height:100%;
margin:0 auto;
max-width:1300px;
min-width:960px;
text-align:left;
}
BLOCKQUOTE {
    background: url(images/start_quote.png) top left no-repeat;
}
 
BLOCKQUOTE DIV {
    background: url(images/end_quote.png) bottom right no-repeat;
    padding-left: 30px;
    padding-right: 30px;
}
/**** START CAMERON SECTION ****/
#cameron {
float:left;
height:250px;
margin-left:-62px;
margin-top:-205px;
width:345px;
}
#cameron2 {
	float:left;
	height:115px;
	margin-top:-9px;
	width:270px;
	display:block;
	position:relative;
}
#cameron2 img {
	z-index:1;
	margin-top:-88px;
	position:relative;
	}
#cam-speakpart {
	top: -56px;
	left:-145px;
	display:block;
	position:relative;
	z-index:0;
	width:100px;
	/*width:95px;*/
}
/****** END CAMERON SECTION *****/

/****** START FRONT PAGE *******/
#vintage-bg {
	background: url('http://cameronpreston.com/wp/wp-content/uploads/2011/04/vintage-bg.jpg') no-repeat;
	width:454px;
	height:504px;
}
#land-text {
	padding-top:210px;
	padding-left:140px;
	display:block;
	position:relative;
	width:182px;
}
.land-projects, .land-members {
	width:180px;
	height:38px;
	text-indent:-999px;
	overflow:hidden;
	margin:3px;
	cursor:pointer;
}
.land-line {
	background:url('http://cameronpreston.com/wp/wp-content/uploads/2011/04/land-line.png');
	width:100px;
	height:13px;
	margin: 0 auto;
}
.land-projects {
	background: url('http://cameronpreston.com/wp/wp-content/uploads/2011/04/land-projects.png') no-repeat top;
}
.land-projects:hover {
	background: url('http://cameronpreston.com/wp/wp-content/uploads/2011/04/land-projects.png') no-repeat bottom;
}
.land-members {
	background: url('http://cameronpreston.com/wp/wp-content/uploads/2011/04/land-members.png') no-repeat top;
}
.land-members:hover {
	background: url('http://cameronpreston.com/wp/wp-content/uploads/2011/04/land-members.png') no-repeat bottom;
}

#mainwrap {
}
#header {
height:120px;
}
#wrap {
}
.center {
bottom:0;
height:60%;
margin:auto 0;
position:absolute;
top:0;
vertical-align:middle;
}
.center2 {
bottom:0;
margin:auto 0;
position:absolute;
top:0;
}
.alignleft {
float:left;
padding:3px;
}
.alignright {
float:right;
padding:3px;
}
.aligncenter {
text-align:center;
margin-left:auto;
margin-right:auto;
display:block;
}
.textcenter {
text-align:center;
margin-left:auto;
margin-right:auto;
}
#page {
bottom:0;
/*height:100%;*/
position:absolute;
top:0;
width:100%;
}
#outside-bubble {
	border:medium none transparent;
	height:90%;
	margin:20px 0 0 0;
	width:960px;
	max-height:1000px;
}
#bubble {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	border:3px solid #333333;
	height:100%;
	margin:0 0 0 138px;
	overflow:auto;
	padding-right:10px;
	position:relative;
	width:750px;
}
#content {
margin:0 auto 0 150px;
padding:10px;
text-align:left;
width:560px;
}
.container {
display:table;
height:100%;
width:100%;
}
.cell {
display:table-cell;
overflow:auto;
vertical-align:middle;
}
#content-sb {
height:93%;
margin-left:150px;
margin-right:200px;
padding:10px;
text-align:left;
width:370px;
}
#sidebar {
float:right;
margin:20px 10px 10px;
width:245px;
}
#sidebar-left {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
	border-radius:10px;
	-webkit-border-radius: 10px;

background:transparent url(./images/bottom-bubble.gif) no-repeat scroll center bottom;
float:left;
font-size:12px;
line-height:105%;
margin-left:-262px;
margin-top:-380px;
text-align:center;
vertical-align:bottom;
width:110px;
}
#sidebar-left-top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/top-bubble.gif) no-repeat scroll center top;
padding-top:15px;
}
#sidebar-left h2 {
font-size:14px;
}
#footer {
clear:both;
display:block;
height:40px;
margin:-60px auto 0px 350px;
text-align:center;
width:400px;
}
.footer-icon {
	display:block;
	float:left;
}
.footer-icon-wrap {
	width:210px;	
}
h1, h1 li {
	font-size:24px;
	line-height:24px;
}
h2, h2 li {
	font-size:20px;
	line-height:20px;
}
H3, h3 li {
	font-size:16px;
	line-height:16px;
	font-weight:bold;
}
#content h2, #content-sb h2 {
margin-top:8px;
padding:10px 0;
text-align:left;
width:auto;
}
#content-sb2 h1, #content-sb2 h2 {
	max-width:360px;	
}
.post-entry {
width:450px;
}
.postmetadata-alt, .postmetadata-alt a {
color:#CCCCCC;
}
#content h2.posttitle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
font-size:20px;
margin:10px 0;
max-width:450px;
}
p {
padding:5px;
margin:auto;
}
pre {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#FFF7F0 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000000;
font-family:courier,monospace;
font-size:10px;
margin:1em auto 2em;
overflow-x:scroll;
overflow-y:auto;
padding:0 1em 1em;
width:100%;
}
.code code {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F0F0 none repeat scroll 0 0;
display:block;
font-family:Monaco,Courier;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:5px 0 15px;
overflow:auto;
padding:10px;
position:relative;
width:540px;
}
.navigation {
	display:block;	
}
.navigation div a{
	color:#AAA;	
	text-decoration:none;
}
div#nav-header {
padding:0 0 0 0;
position:relative;
top:50px;
width:600px;
}
body.frontpage div#nav-header {
left:0;
}
div#nav-header li {
display:block;
float:left;
margin:0;
}
div#nav-header ul li a, div#nav-mini ul li a, div#nav-header ul a li, div#nav-mini ul a li {
display:block;
padding:0;
text-indent:-999em;
}
div#nav-header li.writing a, div#nav-header a li.writing, div#nav-header ul li.writing a{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left top;
height:152px;
width:256.5px;
}
div#nav-header li.writing a:hover, div#nav-header a:hover li.writing {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left -319px;
height:152px;
}
div#nav-header li.portfolio a, div#nav-header a li.portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right top;
height:152px;
width:256.5px;
}
div#nav-header li.portfolio a:hover, div#nav-header a:hover li.portfolio {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -319px;
height:152px;
}
div#nav-header li.changetheworld a, div#nav-header a li.changetheworld {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -152px;
height:80px;
width:513px;
}
div#nav-header li.changetheworld a:hover, div#nav-header a:hover li.changetheworld {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -471px;
height:80px;
}
div#nav-header li.help a, div#nav-header a li.help {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left -232px;
height:120px;
width:236.5px;
}
div#nav-header li.help a:hover, div#nav-header a:hover li.help {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll left -551px;
}
div#nav-header li.projects a, div#nav-header a li.projects {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -232px;
height:100px;
width:276.5px;
}
div#nav-header li.projects a:hover, div#nav-header a:hover li.projects {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center.png) no-repeat scroll right -551px;
}
div#nav-header a li.portfolio {
}
div#nav-header a li.changetheworld {
display:block;
}
div#nav-header a li.help {
display:block;
}
div#nav-header a li.projects {
display:block;
}
a {
color:#333333;
padding:0;
text-decoration:underline;
}
a:hover, a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:#EEFFFF none repeat scroll 0 0;*/
text-decoration:none;
}
div#nav-mini {
display:block;
float:left;
margin:-450px auto auto 25px;
position:relative;
width:80px;
}
div#nav-mini li {
display:inline;
}
div#nav-mini li.mini a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center-mini.png) no-repeat scroll left top;
height:45px;
width:80px;
}
div#nav-mini li.mini a:hover, body.mini div#nav-mini li.mini a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/home-center-mini.png) no-repeat scroll left -46px;
height:45px;
}
.leightbox {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	background-color:white;
	border:3px solid #333333;
	bottom:34px;
	color:#333333;
	display:none;
	height:496px;
	margin:0 auto 0 138px;
	overflow:hidden;
	padding:10px;
	position:absolute;
	text-align:left;
	width:700px;
	z-index:1001;
}
#navbox1 div#nav-header {
margin-left:94px;
margin-right:50px;
}
#overlay {
background-color:#333333;
display:none;
height:100%;
left:0;
opacity:0.8;
position:absolute;
top:0;
width:100%;
z-index:1000;
}
/*****  Toggle Styles *****/

.cpToggle {
	display:block;	
	text-decoration:none;
}
.toggle {
	margin-left:10px;	
}
.link_Toggle {
	padding: 0 25px 5px 0;
	background: url('./images/return-arrow.png') bottom right no-repeat;
	font-size:14px;
}

/******  END Toggle Styles *****/
.right_imp_box, .right_imp_box_up {
	float:right;
	width:200px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	border:2px solid #333333;
	padding:10px;
}
.right_imp_box_up {
	margin-top:-30px;
}
.lbAction {
float:right;
}
.navbox[id] {
position:fixed;
}
#overlay[id] {
position:fixed;
}
div #help {
	width: 600px;	
}
div #help-left {
	width:400px !important;	
	float:left;
	position:relative;
}
#portfolio {
margin:0 0 40px;
}
#portfolio h2 {
float:left;
padding:10px;
position:relative;
}
#portfolio ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#portfolio ul li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius: 10px;

	background:transparent url(./images/img-bg.png) repeat scroll 0 0;
	float:left;
	margin:0 23px 23px 0;
	padding:10px;
	position:relative;
}
#portfolio ul li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#222;
margin:2px auto;
text-decoration:none;
}
#portfolio ul li a:hover {
text-decoration:underline;
}
#portfolio .moreinfo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
float:right;
position:relative;
text-align:right;
margin-top:7px;
}
.port-list span {
	margin-top:3px;
}
.clear:after {
clear:both;
content:"";
display:block;
visibility:hidden;
}
.clear, .clearfix {
	clear:both;
}
#random-quote {
border-left:3px solid #333333;
border-right:3px solid #333333;
margin-bottom:15px;
padding:10px 0;
}

/** TOOLTIP SECTION **/
.checkmark {
	padding-bottom:1px;	
}
.book {
	float:left;
	}
/** END TOOLTIP SECTION **/

/** POST CATEGORIES **/
.locked {
	background:url('./images/cat-locked.png') left bottom no-repeat;
	height:86px;
	width:245px;
	margin-left:50px;
}
.locked:hover {
	background:url('./images/cat-locked.png') left -3px no-repeat;
}
/** BUTTONS **/
.sgpro-button {
	font-family: Arial;
	color: #000000;
	font-size: 22px;
	padding: 8px;
	text-decoration: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 2px 2px 3px #666666;
	-moz-box-shadow: 2px 2px 3px #666666;
	text-shadow: 1px 2px 4px #ffffff;
	border: solid #000000 2px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f0d6f0));
	background: -moz-linear-gradient(top, #ffffff, #f0d6f0);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f0d6f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f0d6f0);
	display:inline-block; /* IE is so silly */
}
.sgpro-button:hover {
	background: #e62097;
}